<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

<!--  Version: Multiflex-3 Update-7 / Overview             -->
<!--  Date:    January 15, 2007                            -->
<!--  Author:  Wolfgang                                    -->
<!--  License: Fully open source without restrictions.     -->
<!--           Please keep footer credits with a link to   -->
<!--           Wolfgang (www.1-2-3-4.info). Thank you!     -->

<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta http-equiv="cache-control" content="no-cache" />
  <meta http-equiv="expires" content="3600" />
  <meta name="revisit-after" content="2 days" />
  <meta name="robots" content="index,follow" />
  <meta name="publisher" content="Your publisher infos here ..." />
  <meta name="copyright" content="Your copyright infos here ..." />
  <meta name="author" content="Design: Wolfgang (www.1-2-3-4.info) / Modified: Your Name" />
  <meta name="distribution" content="global" />
  <meta name="description" content="Your page description here ..." />
  <meta name="keywords" content="Your keywords, keywords, keywords, here ..." />
  <link rel="stylesheet" type="text/css" media="screen,projection,print" href="./css/layout4_setup_admin.css" />
  <link rel="stylesheet" type="text/css" media="screen,projection,print" href="./css/layout4_text_admin.css" />
  <link rel="icon" type="image/x-icon" href="./img/favicon.ico" />
  <title>管理员操作</title>
</head>

<!-- Global IE fix to avoid layout crash when single word size wider than column width -->
<!--[if IE]><style type="text/css"> body {word-wrap: break-word;}</style><![endif]-->

<body>
  <!-- Main Page Container -->
  <div class="page-container">

   <!-- For alternative headers START PASTE here -->

    <!-- A. HEADER -->      
    <div class="header">
      
      <!-- A.1 HEADER TOP -->
      <div class="header-top">
        
        <!-- Sitelogo and sitename -->
        <a class="sitelogo" href="#" title="首页"></a>
        <div class="sitename">
          <h1>管理员已登录<span style="font-weight:normal;font-size:50%;"></span></h1>
          <h2></h2>
        </div>
    
        <!-- Navigation Level 0 -->

        <!-- Navigation Level 1 -->
        <div class="nav1">
          <ul>
            <li><a href="#" title="Go to Start page"></a></li>
            <li><a href="#" title="Get to know who we are"></a></li>
            <li><h1><a href="#" title="退出">退出</a></h1></li>
          </ul>
        </div>              
      </div>
      
      <!-- A.2 HEADER MIDDLE -->
      <div class="header-middle">    
   
        <!-- Site message -->
        <div class="sitemessage">
          <h1>EASY &bull; FLEXIBLE &bull; ROBUST</h1>
          <h2>The third generation Multiflex is<br /> here, now with cooler design<br /> features and easier code.</h2>
          <h3><a href="#">&rsaquo;&rsaquo;&nbsp;More details</a></h3>
        </div>        
      </div>
      
      <!-- A.3 HEADER BOTTOM -->
      <div class="header-bottom">
      
        <!-- Navigation Level 2 (Drop-down menus) -->
	  </div>

      <!-- A.4 HEADER BREADCRUMBS -->

      <!-- Breadcrumbs -->
    </div>

    <!-- For alternative headers END PASTE here -->

    <!-- B. MAIN -->
    <div class="main">
 
      <!-- B.1 MAIN NAVIGATION -->
      <div class="main-navigation">

        <!-- Navigation Level 3 -->
        <div class="round-border-topright"></div>
        <h1 class="first">公司业务信息</h1>

        <!-- Navigation with grid style -->
        <dl class="nav3-grid">
          <dt><a href="#">监控信息</a></dt>
          <dt><a href="#">楼宇对讲信息</a></dt>
          <dt><a href="#">周边防范信息</a></dt>
          <dt><a href="#">保安巡更信息</a></dt>
          <dt><a href="#">智能酒店管理信息</a></dt>
          <dt><a href="#">自动化智能停车场信息</a></dt>
          <dt><a href="#">施工信息</a></dt>
          <dt><a href="#">系统维护与保修信息</a></dt>
        </dl>                        

        <!-- Template infos -->                
        <h1>公司产品信息</h1>
        <dl class="nav3-grid">
          <dt><a href="#">云台</a></dt>
          <dt><a href="#">摄像机</a></dt>
          <dt><a href="#">视频矩阵</a></dt>
          <dt><a href="#">录像机</a></dt>
          <dt><a href="#">视频监视器</a></dt>
          <dt><a href="#">楼宇对讲器材</a></dt>
          <dt><a href="#">酒店锁器材</a></dt>
        </dl>
        
 		<h1>其他信息</h1>
        <dl class="nav3-grid">
          <dt><a href="#">公司简介信息</a></dt>
          <dt><a href="#">联系我们信息</a></dt>
          <dt><a href="#">成功案例信息</a></dt>
          <dt><a href="#">设计依据信息</a></dt>
        </dl>  
                
 		<h1>网站动态信息</h1>
        <dl class="nav3-grid">
          <dt><a href="#">查看简历</a></dt>
          <dt><a href="#">站内信查看</a></dt>
        </dl>  
      </div>
 
      <!-- B.2 MAIN CONTENT -->
      <div class="main-content">
        
        <!-- Pagetitle -->
        <h1 class="pagetitle">看看吧</h1>

        <!-- Content unit - One column -->
        <div class="column1-unit">
          <h1>Flexible and robust template</h1>                            
          <h3>Now substantially improved and simplified</h3>
          <p>Multiflex-3 is the third generation Multiflex template. Numerous improvements have been made since Multiflex-2: More modern appearance, more page layouts, new drop down menus with sticky hover zones, solid printer support, expanded browser support, fully scalable upwards and downwards when user resizes the default browser font size, and last but not least, a much better and easier code. But there is more than that. Check the navigation menu to discover all about the new Multiflex-3!</p>
        </div>
        <hr class="clear-contentunit" />          

        <!-- Content unit - One column -->
        <div class="column1-unit">        
          <h1>form位置</h1>                            
          <h3>Portings already available or in development</h3>
          <p>At the time of release, portings were being produced for various Content Management Systems, such as <a href="http://www.modxcms.com">MODx</a>, <a href="http://www.wordpress.org">WordPress</a>, and <a href="http://www.contrexx.com">Contrexx</a>.</p>
        </div>          
        <hr class="clear-contentunit" />          

        <!-- Content unit - One column -->
        <hr class="clear-contentunit" />                    
                
        <!-- Content unit - One column -->
        <hr class="clear-contentunit" />                                                    
        
        <!-- Content unit - One column -->
        <div class="column1-unit">
          <h1>Development tools</h1>                            
          <p>Many people ask me what tools I use. Here is the list:</p>
          <ul>
            <li><a href="http://www.chami.com/html-kit/">HTML-Kit 292</a> freeware for coding the HTML documents.</li>
            <li><a href="http://www.newsgator.com/NGOLProduct.aspx?ProdId=TopStyle&amp;ProdView=lite">TopStyle Lite 3.10</a> freeware for coding the CSS documents.</li>
            <li><a href="http://www.browsercam.com">Browsercam</a> provides fantastic browser screenshots and live testing of all currently available browsers on various systems.</li>
          </ul>
        </div>
        <hr class="clear-contentunit" />
        
        <!-- Content unit - One column -->
        <hr class="clear-contentunit" />                                                              

        <!-- Content unit - One column -->
      </div>
                
      <!-- B.3 SUBCONTENT -->
      <div class="main-subcontent">

        <!-- Subcontent unit -->

        <!-- Subcontent unit -->

        <!-- Subcontent unit -->

        <!-- Subcontent unit -->
      </div>
    </div>
      
    <!-- C. FOOTER AREA -->      

  </div> 
  
</body>
</html>



